<template>
	<div class="base-content">
		<el-descriptions class="margin-top" title="项目依赖" :column="2" border>
			<el-descriptions-item v-for="(it, index) in dependencies" :key="index">
				<template #label>{{ index }}</template>
				{{ it }}
			</el-descriptions-item>
		</el-descriptions>
		<el-descriptions class="margin-top" title="项目dev依赖" :column="2" border>
			<el-descriptions-item v-for="(it, index) in devDependencies" :key="index">
				<template #label>{{ index }}</template>
				{{ it }}
			</el-descriptions-item>
		</el-descriptions>
	</div>
</template>

<script setup lang="ts">
import * as p from '../../package.json'

let dependencies = p.dependencies
let devDependencies = p.devDependencies
</script>

<style>
.margin-top {
	margin-top: 2em;
}
</style>
